body {
  font-family: "微软雅黑";
  font-size: 14px;
  height: 2287px;
  background-image: url(../image/index_img/bg.png);
  margin: 0;
  cursor: default;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #000;
}
input {
  outline: none;
  border: 0;
}
p {
  margin: 0;
  padding: 0;
}
/*清除浮动*/
.clearfix:after {
	content: "\200B";
	height: 0;
	clear: both;
	display: block;
}
.clearfix {
	*zoom : 1;
}
/* 头部header */
.header {
  width: 100%;
  height: 132px; 
  position: relative;
  padding-top: 3px;
  box-sizing: border-box;
}
/* 顶部导航 */
.top_nav {
  width: 100%; 
  min-width: 1180px; 
  height: 30px;
  background-color: #fff;
  box-shadow: 1px 1px 5px #112233;
	border-top: 2px solid #0eaf52;
  /* margin: 0 auto; */
/*	border: 1px solid red;*/
}
.top_nav_cont {
  width: 1180px; 
  height: 32px; 
  margin: 0 auto; 
  position: relative; 
  font-size: 12px;
}
.top_nav_cont ul li {
  float: left;
  margin-right: 50px;
  line-height: 30px;
}
.top_nav_cont ul li a{
  color: #666;
}
.top_nav_cont ul li a:hover {
  color: #ffae00;
}

/* 顶部导航结束 */
.headCont {
  width: 1180px; 
  height: 100px; 
  margin: 0 auto; 
  position: relative;
}
.main_nav {
  width: 1178px; 
  height: 66px; 
  position: relative; 
  left: 1px; 
  top: 0;
  box-shadow:0 0 3px #dfefdf;
}
.logo {
  width: 60px;
  height: 60px;
  position: absolute; 
  left: 16px; 
  top: 0px;
  padding: 3px;
  animation: state 2s linear infinite reverse;
}
@keyframes state {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.logoname {
  width: 120px; 
  height: 60px; 
  position: absolute; 
  left: 98px; 
  top: 5px;
}

/* 主导航 */
.navlist {
  width: 600px; 
  height: 64px; 
  position: absolute;
	left: 280px; 
  top: 2px;
}
.navlist li {
  height: 64px;
  float: left;
  margin-right: 50px;
  line-height:64px; 
}
.navlist li a {
  font-size:16px;
	color:#555; 
  font-weight:700;
  text-shadow:1px 1px 1px #112233;
  /* display: inline-block; */
 
}
.navlist li a:hover {
  color:#ffae00;
  /* background:#0eaf52; */
  /* transform:rotateX(360deg); */
}
.user_login {
  width: 285px;
  height: 64px;
  position: absolute;
  right: 40px;
}
.user_photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 20px;

}
.user_photo img {
  border-radius: 50%;
  display: none;
}
.user_name a {
  width: 100px;
  display: block;
  height: 20px;
  position: absolute;
  bottom: 20px;
  left: 70px;
  color: #51C582;
  font-weight: 300;
  font-size: 18px;
}
.user_name a:hover {
  color: #45E689;
}

/* 二级导航 */
.two_nav {
  width: 1180px; 
  height: 34px; 
  background: #333D46;
  position: absolute; 
  left: 0; bottom: 0;
  z-index: 10;
}
.two_nav_list {
  width:1180px;
  height:18px;
  margin:0 auto;
  line-height: 34px;
}
.two_nav_list li {
  float: left;
  margin-left: 30px;
	width: 100px;
	text-align: center;
	transition: all 0.7s linear;
}
.two_nav_list li a {
  color: #fff;
}
.two_nav_list .L1 {
  background-color: #ffae00;
	margin-left: 70px;
}
.two_nav_list li:hover {
  background-color: #ffae00;
}
.search_cont {
  width: 230px;
  height: 34px;
  /* border: 1px solid red; */
  position: absolute;
  right: 70px;
  font-size: 0;
  top: 7px;
}
.search_cont form > .search_input {
  width: 200px;
  height: 20px;
  /* caret-color: #fff; */
  padding-left: 20px;
  box-sizing: border-box;
}
.search_cont form > .search {
  width: 30px;
  height: 20px;
  background-image: url(../image/index_img/search.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
}
/* 头部导航结束 头部结束 */

/* 轮播图开始 */
.main_banner {
  width: 100%;
  height: 375px;
  /* border: 1px solid red; */
}
.main_banner_warp{
	width: 1180px; 
  height: 375px; 
  position: relative; 
  background: #112233; 
	margin: 0 auto; 
  overflow: hidden;
  box-shadow: 0px 1px 2px #c5c5c5;
}
/* 当点击搜索框时弹出热搜榜 */
.hot_search {
	width: 230px;
	height: 155px;
  position: absolute;
  right: 70px;
  z-index: 10;
}
.hot_nav {
	width: 100%;
	height: 200px;
  overflow: hidden;
  opacity: 0.7;
  perspective: 1200px;
  display: none;
}
.hot_nav li {
  height: 25px;
  color: #6F6F70;
  line-height: 25px;
  padding-left: 10px;
  box-sizing: border-box;
  border-bottom: 1px dashed #6F6F70;
  background-color: #E4EAE8;
  position: relative;
}
.hot_nav li:hover {
  background-color: #0EAF52;
}
.hot_nav li a {
  color:  #6F6F70;
	position: absolute;
}
.hot_nav li p {
  position: absolute;
  right: 10px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}
 .hot_nav .zjl {
  animation: totate 0.5s linear 1s 2;
}
.hot_nav .xs {
  animation: totate 0.5s linear 2s 2;
}
.hot_nav .dzq {
  animation: totate 0.5s linear 3s 2;
}
.hot_nav .ljj {
  animation: totate 0.5s linear 4s 2;
}
.hot_nav .cyx {
  animation: totate 0.5s linear 5s 2;
}
.hot_nav .bx { 
  animation: totate 0.5s linear 6s 2;
}
@keyframes totate {
	0%{transform: rotateX(0deg);}
  100%{transform: rotateX(-45deg);}
} 
.hot_nav .end {
  border: 0;
}

/* 轮播图区域 */
.wrap {
  width: 4500px;
  height: 320px;
  position: absolute;
  /* left: -600px; */
  top: 25px;
}
.wrap li {
  float: left;
  width: 750px;
  height: 320px;
  overflow: hidden;
}
.wrap li img {
  width: 750px;
}
.radio {
  position: absolute;
  right: 500px;
  bottom: 70px;
  width: 120px;
  height: 10px;
  z-index: 20;
}
.radio>span {
  margin-left: 5px;
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ccc;
  text-align: center;
  color:white;
  cursor: pointer;
}
.radio>span.on{
  background-color: #ffae00;
}

/* 设置按钮的样式，开始是不显示按钮的 */
.btn {
  width: 50px;
  height: 150px;
  z-index: 10;
  position: absolute;
	background-color: transparent;
  color: #fff;
  font-size: 64px;
	border-radius: 5px;
	top: 50%;
	margin-top: -75px;
	text-align: center;
  display: none;
}
/* 当鼠标悬停在图片区域时让按钮显示出来 */
.main_banner_warp:hover .btn{
  display: block;
	opacity: 0.8;
}
 /*当鼠标悬停在按钮上时按钮的背景色 */
.btn:hover {
	background-color: rgba(0, 0, 0, .2);
	opacity: 0.2;
}
/* 设置按钮的位置 */
.left_btn {
  left: 10px;
}
.right_btn {
  right: 10px;
}
/* 轮播图结束 */

/* 在线首发歌曲开始 */
/* 设置在线首发歌曲和MV首播区域的基本属性 */
.new_songs {
  width: 1180px;
  height: 350px;
  margin: 0 auto;
  margin-top: 30px;
  border: 1px solid #EFEFEF;
  border-top: 0;
  box-shadow: 0px 0px 3px 0 #aaa;
  background-color: #fff;
}
/* 设置在线首发歌曲标题区域的基本属性 */
.new_songs_title {
  width: 100%;
  height: 36px;
  line-height: 36px;
  position: relative;
  border-left: 5px solid red;
  border-bottom: 1px solid #EFEFEF;
  background-color: #fff;
  padding-left: 15px;
  box-sizing: border-box;
  /*border: 1px solid #000;*/
}

/* 设置在线首发歌曲标题中第一个元素和MV首播标题中第一个元素的基本属性 */
.new_songs_title > :first-child,.MV_premiere_title > :first-child {
	float: left;
  width: 100px;
  height: 30px;
  /* font-size: 18px; */
  /* color: #636363; */
  box-sizing: border-box;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position-y: 5px;
}
/* 设置在线首发歌曲标题中的子元素a和MV首播标题中的子元素a的基本属性 */
.new_songs_title>a,.MV_premiere_title>a{
  float: left;
  width: 40px;
  height: 14px;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  /* background-size: 130% auto; */
  background-position-y: -272px;
  margin-left: 30px;
  margin-top: 12px;
}
.new_songs_title>.count_num {
  position: absolute;
  width: 100px;
  right: 30px;
  /* border: 1px solid red; */
  color: #1FB35E;
}
.count_num>.num{
  float: left;
}
.count_num>.next {
  font-size: 32px;
  position: absolute;
  /* height: 20px; */
  top: 50%;
  margin-top: -21px;
  left: 30px;
  font-weight: 300;
}
.count_num>.next > a {
  float: left;
  margin-left: 10px;
  color: #1FB35E;
}
.count_num>.next > a:hover {
  color: #ffae00;
}
.new_songs_img {
	width: 100%;
	height: 314px;
	/* border: 1px solid red; */
}
.new_songs_img1 {
  display: block;
}
.new_songs_img2 {
  display: none;
}
.new_songs_img>div {
  width: 218px;
  height: 286px;
  float: left;
  margin-top: 14px;
  margin-left: 15px;
  position: relative;
  /* border: 1px solid blue; */
}
/* 在线首发中每一个div框里面用来放置图片的div */
.new_songs_img>div>div {
  width: 218px;
  height: 218px;
  overflow: hidden;
  /* border: 1px solid red; */
  position: relative;
}
.new_songs_img>div>div>.im {
  display: block;
  width: 218px;
  position: absolute;
}
.new_songs_img>div>div>.im>img {
  display: block;
  width: 218px;
  transition: all 0.7s;
}
.new_songs_img>div>div>.im>img:hover {
  transform: scale(1.2);
}

/* 描述首发歌曲的 */
.new_songs_img > div > a {
  height: 65px;
  width: 109px;
  float: left;
  text-align: center;
  background-color:  #0EAF52;
  color: #fff;
  transition: 0.7s;
}
.new_songs_img > div > :nth-child(2) {
  background-color: #0DA44D;
}
.new_songs_img > div > a:hover {
  background-color: #ffae00;
}
.new_songs_img > div > a > p {
  margin-top: 10px;
}
/* 描述HOT热门歌曲的 */
.new_songs_img > div > .hot {
  width: 34px;
  height: 32px;
	/* border: 1px solid #000; */
  position: absolute;
  color: #fff;
  top: 0;
  right: 5px;
  display: none;
}
.hot>.hot_border {
  width: 0px;
  height: 0px;
  border: 17px solid red;
  border-bottom: 15px solid transparent;
  /* border-bottom-color:transparent; */
  /* border-top-color: yellow; */
  position: absolute;
}
.hot>.hot_font {
  width: 25px;
	height: 20px;
	position: absolute;
	font-size: 12px;
	top: 0;
	/* border: 1px solid blue; */
  /* z-index: 10; */
	left: 50%;
	transform: translateX(-50%);
} 
/* 每次显示的热门歌曲 */
.new_songs_img > div >.hot_img3,.new_songs_img > div >.hot_img4 {
  display: block;
}
.new_songs_img2 > div > .hot{
  display: none;
}
.new_songs_img2 > div >.hot_img1,.new_songs_img2 > div >.hot_img2,.new_songs_img2 > div >.hot_img5 {
  display: block;
}
/* 设置鼠标放置图片上时显示的字 */
.new_songs_img>div>div>.im +a {
  width: 100%;
  height: 55px;
  display: block;
  position: absolute;
  bottom: -55px;
  background-color: rgba(0, 0, 0, .7);
  padding-left: 15px;
  box-sizing: border-box;
  /* display: none; */
  /* border: 1px solid red; */
  transition: all 0.7s;
}
.new_songs_img>div>div:hover >:nth-child(2) {
  bottom: 0;
}
/* 设置首发歌曲图片上文字段落的上外边距 */
.new_songs_img>div>div>.im +a>p {
  margin-top: 5px;
}
/* 首发歌曲图片上面第一行文字的颜色和大小 */
.new_songs_img>div>div>.im +a>:first-child {
  color: #1FB35E;
  font-size: 14px;
}
/* 首发歌曲图片上面第二行文字的颜色和大小 */
.new_songs_img>div>div>.im +a> :nth-child(2) {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
/* 播放的小logo */
.new_songs_img>div>div>:nth-child(2)>.bflogo {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  /* border: 1px solid #aaa; */
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.new_songs_img>div>div>:nth-child(2)>.bflogo>img {
  width: 20px;
  border-radius: 50%;
  display: block;
}

/* MV首播开始 */
.MV_premiere {
  width: 1180px;
  height: 335px;
  margin: 0 auto;
  margin-top: 30px;
  border: 1px solid #EFEFEF;
  border-top: 0;
  box-shadow: 0px 0px 3px 0 #aaa;
  /* position: relative; */
}
/* MV首播标题部分开始 */
.MV_premiere_title {
  width: 100%;
  height: 36px;
  position: relative;
  border-bottom: 1px solid #EFEFEF;
  background-color: #fff;
  /* border: 1px solid #000; */
  border-left: 5px solid #ff7800;
  padding-left: 15px;
  box-sizing: border-box;
}
.MV_premiere_title>:first-child {
  background-size: 94% auto;
  background-position-y: -24px;
  margin-top: 3px;
}
.MV_premiere_title>div,.MV_premiere_title>a {
	/*width: 100px;
	height: 36px;*/
	line-height: 36px;
	/*float: left;*/
}
.MV_premiere_title>ul {
  width: 140px;
  height: 17px;
  position: absolute;
  /* border: 1px solid red;*/
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.MV_premiere_title>ul>li {
  float: left;
  width: 40px;
  height: 17px;
  border-right: 1px solid #aaa;
  line-height: 14px;
  padding-right: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  /* border: 1px solid blue; */
}
.MV_premiere_title>ul>.end_li {
  border: 0;
  margin: 0;
  padding: 0;
}
.MV_premiere_title>ul>li>a {
  color: #0EAF52;
  /* float: left;
  width: 40px;
  height: 15px; */
  /* border: 1px solid yellowgreen; */
}
.MV_premiere_title>ul>li>.start_a {
  text-decoration: underline;
}
.MV_premiere_title>ul>li>a:hover {
  text-decoration: underline;
}

/* MV首播图片部分开始 */
.MV_premiere_img {
  width: 1180px;
  height: 300px;
  /* border: 1px solid red; */
}
/* 设置mv首播图片上半部分及下半部分的基础属性 */
.top_img,.bottom_img {
  width: 1180px;
  height: 123px;
  margin-top: 18px;
  box-sizing: border-box;
  /* border: 1px solid #000; */
}
.bottom_img {
  margin: 18px 0;
  /* border: 1px solid blue; */
}
.top_img > div ,.bottom_img>div{
  width: 215.6px;
  height: 123px;
  float: left;
  margin-right: 17px;
  position: relative;
  /* border: 1px solid red; */
  /* border-bottom: 1px solid yellow; */
}
.top_img > :first-child,.bottom_img >:first-child {
  margin-left: 17px;
}
.top_img > div > img,.bottom_img > div > img{
  width: 215.6px;
  display: block;
}
/* 描述mv图面的文字 */
.mv_cont {
  width: 80px;
  height: 35px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  color: #fff;
  font-size: 12px;
  /* border: 1px solid blue; */
}
.mv_cont :nth-child(2){
  color: #0F9D45;
}
/* 设置鼠标放在图片上时显示的一个半透明色的背景 */
.mv_bg {
  display: block;
  height: 123px;
  width: 215.6px;
  position: absolute;
  background-color: rgba(0, 0, 0, .5);
  top: 0;
  box-shadow: 0 0 0 2px #fff inset,0 0 3px 1px #000;
  color: #fff;
  font-size: 12px;
  display: none;
}
.top_img > div:hover >:nth-child(2), .bottom_img > div:hover >:nth-child(2){
  display: block;
}
.top_img > div:hover >:nth-child(3), .bottom_img > div:hover >:nth-child(3){
  display: none;
}
/* 设置半透明色背景中的播放按钮 */
.mv_bg>.mv_bflogo {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
/*	border: 1px solid #fff;*/
}
.mv_bg>.mv_bflogo>img {
  width: 30px;
  display: block;
  border-radius: 50%;
  animation: mv_rotate 0.8s linear;
}
@keyframes mv_rotate {
  0%{transform: rotate(0);}
  100%{transform: rotate(720deg);}
}
/* 鼠标悬停在mv首播上面显示的描述MV的文字 */
.mv_bg>.mvbg_song {
  position: absolute;
  width: 120px;
  height: 20px;
  /* border: 1px solid red; */
  top: 7px;
  left: 10px;
}
.mv_bg>.mv_play {
  position: absolute;
  width: 65px;
  height: 18px;
  bottom: 5px;
  left: 10px;
  /* border: 1px solid red; */
}
.mv_bg>.mv_play>div {
  width: 0;
  height: 0;
  float: left;
  border: 6px solid transparent;
  border-left-color: #fff;
  margin-top: 2px;
}
.mv_bg>.mv_play>p {
  float: left;
  width: 50px;
  height: 18px;
  /* border: 1px solid red; */
}
.mv_bg>.mvbg_contpic {
  position: absolute;
  width: 70px;
  height: 18px;
  right: 10px;
  bottom: 5px;
  /* border: 1px solid red; */
}
/* mv上面推送的文字 */
.mv_ts {
  width: 30px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 5px;
  background-color: #ff7800;
  color: #F8ECE0;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  display: none;
}
/* 默认显示先推送第一个和第二个 */
.mv_ts1,.mv_ts2 {
  display: block;
}
/* MV首播部分结束 */

/* 最新推荐 最热推荐 巅峰榜部分开始 */
.songs_rcmd {
  width: 1180px;
  height: 465px;
  /* border: 1px solid red; */
  margin: 0 auto;
  margin-top: 30px;
}
/* 标题部分 */
.songs_rcmd_title {
  width: 1180px;
  height: 35px;
  background-color: #fff;
}
/* 最新推荐 最热推荐 巅峰榜 的基础属性*/
.left_title,.midden_title,.right_title {
  width: 393px;
  height: 35px;
  float: left;
  position: relative;
  border-left: 5px solid #F3508D;
  padding-left: 10px;
  box-sizing: border-box;
  /* border: 1px solid blue; */
  line-height: 35px;
}
.left_title>span,.midden_title>span,.right_title>span {
  position: absolute;
  width: 100px;
  height: 30px;
  display: block;
  margin-top: 2px;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
}
.left_title>span {
  background-size: 94% auto;
  background-position-y: -50px;
}
.midden_title>span {
  background-size: 94% auto;
  background-position-y: -243px;
}
.right_title>span {
  background-size: 132% auto;
  background-position-y: -292px;
}
.play_btn,.add_btn {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  border-radius: 50%;
  /* background-color: transparent; */
  top: 50%;
  left: 30%;
  transform: translateY(-50%);
}
.play_btn>img,.add_btn>img {
  width: 25px;
  display: block;
  border-radius: 50%;
}
.add_btn {
  left: 40%;
}
.add_btn>img:hover {
  animation: add_stote 0.5s linear;
}
@keyframes add_stote {
  0%{transform: rotate(0);}
  100%{transform: rotate(-360deg);}
}
.more_cont {
  display: block;
  position: absolute;
  width: 40px;
  height: 14px;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-position-y: -272px;
  margin-top: 12px;
  right: 20px;
}
/* 最热推荐 */
.midden_title {
  border-left: 5px solid #0C8F44;
}
/* 巅峰榜 */
.right_title {
  border-left: 5px solid #27A9E3;
}
/* 最新推荐 最热推荐 巅峰榜中的歌曲部分 */
.songs_rcmd_subject {
  width: 1180px;
  height: 430px;
  background-image: url(../image/index_img/songs_rcmd_bg.jpg);
  /* border: 1px solid #000; */
}
.left_subject,.midden_subject,.right_subject {
  width: 392px;
  height: 100%;
  float: left;
  border-right: 1px solid rgba(0,0,0,.3);
}
.left_subject li,.midden_subject li,.right_subject li {
  width: 92%;
  height: 40px;
  line-height: 40px;
  background: rgba(17,34,51,0.1);
  margin: 5px auto;
  box-shadow: 0 0 1px #fff;
  position: relative;
}
.left_subject li:hover,.midden_subject li:hover,.right_subject li:hover {
  box-shadow: 0px 0px 2px 2px #fff;
}
.left_subject >:first-child,.midden_subject>:first-child,.right_subject>:first-child {
  margin-top: 15px;
}
.songs_subject_content {
  width: 245px;
  color: #fff;
  position: absolute;
  /* border: 1px solid red; */
  left: 20px;
}
.songs_subject_content:hover {
  color: #ffae00;
}
.play_songes {
  width: 25px;
  height: 25px;
  position: absolute;
  /* border: 1px solid blue; */
  top: 50%;
  right: 65px;
  transform: translateY(-50%);
  background-image: url(../image/index_img/icos.png);
  background-repeat: no-repeat;
  background-position: -184px -73px;
  margin-top: 5px;
}
.play_songes:hover {
  background-position: -184px -118px;
}
.share_songes {
  width: 25px;
  height: 25px;
  position: absolute;
  /* border: 1px solid blue; */
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background-image: url(../image/index_img/icos.png);
  background-repeat: no-repeat;
  background-position: -185px -94px;
  margin-top: 5px;
}
.share_songes:hover {
  background-position: -185px -139px;
}
/* 巅峰榜中排名的数字 */
.right_subject li>i {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 50%;
  color: #fff;
  margin-top: 10px;
  line-height: 20px;
  padding: 0 4px 0 3px;
  font-size: 16px;
  margin-left: 20px;
  box-sizing: border-box;
}
.right_subject>:first-child>i {
  background-color: #CF0B0E;
}
.right_subject>:nth-child(2)>i {
  background-color: #F3B502;
}
.right_subject>:nth-child(3)>i {
  background-color: #15ACCB;
}
.right_subject li>:nth-child(2){
  left: 53px;
  width: 200px;
}

/* 最新推荐 最热推荐 巅峰榜部分结束 */
/* 精选集 热门歌手部分开始 */
.select_singer {
  width: 1180px;
  height: 380px;
  margin: 0 auto;
  margin-top: 30px;
}
/* 精选集部分 */
.collectiont {
  width: 780px;
  height: 100%;
  float: left;
  margin-right: 20px;
  /* border: 1px solid blue; */
  background-color: #fff;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0px 3px 0 #aaa;
  box-sizing: border-box;
}
/* 精选集标题部分 */
.ct_title {
  width: 100%;
  height: 36px;
  border-left: 5px solid #0DAD51;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #EFEFEF;
  
}
.ct_title>div {
  width: 110px;
  height: 21px;
  position: absolute;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-position: 6px -74px;
  background-size: 79%;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.ct_title>a {
  display: block;
  position: absolute;
  width: 40px;
  height: 14px;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-position: 0 -272px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
/* 精选集内容主题部分 */
.select_cont {
  width: 100%;
  height: 344px;
  /* border: 1px solid red; */
}
.select_cont>div {
  float: left;
  margin-left: 17px;
  text-align: center;
  color: #1FB35E;
  font-size: 12px;
  margin-top: 26px;
  /* border: 1px solid red; */
  position: relative;
  overflow: hidden;
}
.select_cont>div>img {
  width: 93%;
  display: block;
}
.select_cont>div p {
  margin-top: 5px;
}
.select_start {
  width: 305px;
  height: 290px;
}
.select_start ~ div {
  width: 130px;
  height: 140px;
}
.margin_top ~ div {
  margin-top: 10px;
}
.select_cont>:first-child>a{
  width: 284px;
  height: 270px;
  position: absolute;
  top: 0px;
  left: -285px;
  background-color: rgba(0, 0, 0, .3);
  /* border: 1px solid red; */
  opacity: 0;
  transition: all 0.5s linear;
}
.select_cont>:first-child:hover >a {
  opacity: 0.7;
  left: 0;
}
.select_cont>div>a{
  width: 121px;
  height: 120px;
  position: absolute;
  top: 0;
  left: -121px;
  background-color: rgba(0, 0, 0, .3);
  transition: all 0.5s linear;
  /* border: 1px solid red; */
  opacity: 0;
}
.select_cont>div:hover>a {
  left: 0;
  opacity: 0.7;
}
/* 热门歌手部分 */
.hot_singer {
  width: 380px;
  height: 100%;
  /* margin-left: 20px; */
  float: left;
  /* border: 1px solid red; */
  background-color: #fff;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0px 3px 0 #aaa;
  box-sizing: border-box;
}
.hot_singer_title {
  width: 100%;
  height: 36px;
  border-bottom: 1px solid #EFEFEF;
  border-left: 5px solid #0DAD51;
  position: relative;
}
.hot_singer_title>div {
  width: 110px;
  height: 21px;
  position: absolute;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-position: 6px -257px;
  background-size: 115%;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.hot_singer_title>a {
  display: block;
  position: absolute;
  width: 40px;
  height: 14px;
  background-image: url(../image/index_img/index_title_bg.png);
  background-repeat: no-repeat;
  background-position: 0 -272px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.hot_singer_content {
  width: 100%;
  height: 244px;
  /* border: 1px solid red; */
  box-sizing: border-box;
}
 .hot_singer_content>a{
  width: 70px;
  height: 70px;
  float: left;
  border: 2px solid #1FB35E;
  border-radius: 50%;
  margin-top: 20px;
  margin-left: 40px;
  text-align: center;
  color: #1FB35E;
  font-size: 12px;
}
.hot_singer_content>a>img{
  display: block;
  width: 100%;
  border-radius: 50%;
}
.hot_singer_content>a>p {
  margin-top: 10px;
}
.singer_cyx ~ a {
  margin-top: 35px;
}
.hot_singer_content>a:hover {
  box-shadow: 0 0 2px 1px #1FB35E;
}
/* 相关的其它歌手 */
.hot_singer_about {
  width: 100%;
  height: 100px;
  /* border: 1px solid red; */
  border-top: 1px solid #EFEFEF;
}
.hot_singer_about ul {
  padding: 10px 0 0 45px;
  box-sizing: border-box;
}
.hot_singer_about ul li {
  width: 70px;
  height: 20px;
  float: left;
  margin: 0 5px 10px 0;
}
.hot_singer_about ul li a {
  font-size: 12px;
  color: #999;
}
.hot_singer_about ul li a:hover {
  color: #000;
}
/* 精选集 热门歌手部分结束 */
/* 底部开始 */
.footer {
  margin-top: 30px;
  background-color: #fff;
  /* box-shadow: 0px 0px 3px 0 #aaa; */
  border-top: 2px solid #EFEFEF;
  position: relative;
}
.footer_cont {
  width: 1180px;
  height: 100px;
  margin: 0 auto;
  background: url(../image/index_img/flag.jpg) no-repeat 789px 0;
  box-sizing: border-box;
}
.footer_cont_left {
  width: 780px;
  height: 80px;
  margin-top: 15px;
  float: left;
  /* border: 1px solid red; */
}
.footer_cont_left ul {
  margin-left: 25px;
}
.footer_cont_left ul li {
  width: 65px;
  height: 15px;
  float: left;
  border-right: 1px solid #666;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 17px;
  line-height: 13px;
  padding-right: 15px;
}
.footer_cont_left ul li a {
  color: #666;
  font-size: 12px;
}
.footer_cont_left ul .cont_left_end {
  border: 0;
}
.footer_cont_left p {
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 17px;
}
.footer_cont_right {
  width: 330px;
  height: 40px;
  float: right;
  /* border: 1px solid blue; */
  margin-top: 30px;
  box-sizing: border-box;
}
.footer_cont_right ul li {
  float: left;
  line-height: 40px;
  color: #555;
}
.cont_right_start ~ li {
  margin-top: 5px;
  margin-left: 20px;
}
.footer_cont_right ul :nth-child(4) {
  position: relative;
}
.footer_cont_right ul :nth-child(4)>div {
  width: 80px;
  height: 80px;
  /* border: 1px solid red; */
  position: absolute;
  top: -80px;
  left: -30px;
  display: none;
}
.footer_cont_right ul :nth-child(4)>div>img {
  width: 100%;
  display: block;
}
.footer_cont_right ul :nth-child(4):hover >div {
  display: block;
}
/* 回到顶部 */
.to_top {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: -25%;
  left: 50%;
  transform: translateX(-50%);
}
.to_top>img {
  width: 100%;
  display: block;
}
